.edit-component-con {
  .block-com {
    padding : 0 20px 20px
    margin-bottom : 10px
    background-color : #fff
    .block-title-com {
      padding : 9px 0
      font-size : 16px
      color : #333333;
    }
    .block-con-com {
      position : relative
      .status {
        padding : 10px 0
        font-size : 14px;
        color : #333333;
      }
      .describe-com {
        font-size : 12px;
        color : #999999;
        margin-bottom : 10px
      }
      .status-msg {
        color : #333333;
        > div {
          margin-bottom : 10px
          span:first-child {
            color : #fff
            padding : 0 6px
            margin-right : 10px
            background-color : #bbb
          }
          &:nth-child(3) span:first-child,
          &:nth-child(4) span:first-child {
            background-color : #6c6c6c
          }
        }
      }
      .success, .error, .add{
        width : 100%
        padding : 5px 20px
        font-size : 14px;
        text-align : center
        color : #fff
        cursor : pointer
        background-color : #4A96FF
      }
      .add{
        background-color : #fb9b9b;
        margin-bottom : 10px
      }
      .error {
        background-color : #FF5B5B;
      }
      .disablebtn, .disablebtn2{
        cursor: not-allowed;
      } 
      &.activity-forms {
        .activity-forms-items {
          margin-bottom : 20px
          &:last-child {
            margin-bottom : 0
          }
        }
        .block-com-title {
          margin-bottom : 10px
          font-size : 12px;
          color : #333333;
        }
        .block-com-textarea {
          padding : 5px 8px
          background-color : #fff;
          border-radius : 4px;
          border : 1px solid #dddee1;
          font-size : 14px
          cursor : pointer
          word-wrap: break-word;
          word-break: normal;
          .memo {
            color : #b3b4bb
          }
        }
      }

    }
    &.uploadfile {
      .ivu-upload.ivu-upload-select {
        display : block
      }
      .uploadfile-ul {
        display : flex;
        flex-wrap : wrap;
        margin-bottom : 20px
        overflow : hidden
      }
      .uploadfile-items {
        position : relative
        width : calc(100% / 2)
        text-align : center
        word-wrap: break-word;
        word-break: normal;
        .icon-tools {
          position : relative
          display : inline-block;
          cursor pointer
          &:hover {
            .tools {
              display : block
            }
          }
        }
        .tools {
          display : none
          position : absolute
          top : 0
          left : 0
          right : 0
          bottom : 0
          background : rgba(23, 27, 40, 0.80);
          border-radius : 4px;
          z-index 1
          .btn-com {
            height : 50%
            line-height : 36px
            font-size : 20px
            color : #fff
            text-align : center
            &:hover {
              color : #4A96FF;
              background : #171B28;
            }
            &.download {
              display : block
              border-radius : 4px 4px 0 0;
            }
            &.delete {
              border-radius : 0 0 4px 4px;
            }
          }
        }
      }
    }
  }
  .block-company {
    font-weight : 500
    word-wrap : break-word;
    word-break : break-all;
    white-space : pre-wrap !important;
  }
  .read-process-record {
    position : fixed;
    top : 0;
    bottom : 0;
    left : 0;
    right : 0;
    background-color : rgba(0, 0, 0, 0.8);
    height : 100%;
    z-index : 1000;
    .read-process-record-con {
      position : relative
      top : 88px
      padding : 0 60px
      display : inline-block
      max-width : 100%
      .read-process-record-con-ps {
        padding : 20px 0
        max-height : calc(100vh - 176px);
      }
      .read-process-record-con-flex {
        display : inline-flex
      }
      .process-child {
        width : 400px
        margin-right : 20px
        text-align : left
        .process-child-con {
          position : relative
          padding : 20px
          background-color : #fff
          &:hover {
            .btn-refresh {
              display : block
            }
          }
        }
        .process-title {
          text-align : center
          font-size : 16px;
          color : #333333;
        }
        .precess-top {
          margin : 22px 0 0
          .marking {
            padding : 1px 6px
            margin-right : 10px
            font-size : 10px;
            color : #FFFFFF;
            background : #BBBBBB;
            -webkit-text-size-adjust : none;
          }
          .text {
            font-size : 14px;
            color : #333333;
          }
          .pass {
            font-size : 14px;
            color : #58CB7D;
          }
          .unpass {
            font-size : 14px;
            color : #FC937A;
          }
          .inprogress {
            font-size : 14px;
            color : #4A96FF;
          }
        }
        .process-activity-forms {
          margin : 30px 0 0
          .process-activity-forms-items {
            margin-bottom : 10px
            padding : 0 40px
            font-size : 14px;
            color : #333333;
            .process-memo {
              margin-top : 10px
            }
            .value {
              font-size : 14px;
              color : #151515;
            }
          }
        }
        .process-activity-files {
          overflow : hidden
          > ul {
            display : flex;
            flex-wrap : wrap;
          }
          .process-activity-files-items {
            width : calc(100% / 3)
            padding : 0 5px
            margin-bottom : 20px
            text-align : center
            .icon-tools {
              position : relative
              display : inline-block;
              cursor pointer
              &:hover {
                .tools {
                  display : block
                }
              }
              .tools {
                display : none
                position : absolute
                top : 0
                left : 0
                right : 0
                bottom : 0
                background : rgba(23, 27, 40, 0.80);
                border-radius : 4px;
                z-index 1
                .btn-com {
                  height : 100%
                  line-height : 72px
                  font-size : 20px
                  color : #fff
                  text-align : center
                  &:hover {
                    color : #4A96FF;
                    background : #171B28;
                  }
                  &.download {
                    display : block
                    border-radius : 4px 4px 0 0;
                  }
                  &.delete {
                    border-radius : 0 0 4px 4px;
                  }
                }
              }
            }
          }
        }
        .btn-refresh {
          display : none
          position : absolute
          top : 10px;
          right : 10px;
          padding : 5px 9px
          color : #fff;
          background-color : #f7981c;
          font-size : 10px;
          -webkit-transform : scale(0.8)
          cursor : pointer;
        }
      }
    }
    .addMeeting {
      position absolute
      bottom 25px
      right 50px  
      width 100px
      height 35px
      color #fff
      line-height 35px
      text-align: center
      border-radius 5px
      background-color #4a96ff
      cursor pointer
      > a {
        color #fff
      }
    }

  }
  .iconfont-files {
    font-size : 49px
    cursor : pointer
    &.icon-excel {
      color : #56BD5B
    }
    &.icon-pdf {
      color : #FB876B
    }
    &.icon-docx {
      color : #2E92FF
    }
    &.icon-xxxx {
      color : #ADADAD
    }
  }
  textarea.ivu-input {
    resize : none
  }
}

//补充材料
.hoverLevelInfo-Top{
  .hoverLevelInfo-Top-ul{
    .hoverLevelInfo-Top-ul-li{
      display: block;
      margin-top: 10px;
      span {
       float: left;
       }
       .scope{
        display: inline-block;
        margin-bottom: 10px;
        background-color: #F5F5F5;
        color: #9F9F9F;
        width: 400px;
        height: 35px;
        padding: 3px 3px 3px 10px;
        outline: none;
        border: 0px;
        font-size: 14px;
        line-height: 18px;
     }
      .deleteOption{
        width 35px
        height 35px
        margin-left 10px
        text-align: center;
        cursor: pointer;
      }
    }
    .addOption{
        float left
        margin-top: 10px;
        width: 156px;
        height: 30px;
        line-height: 34px;
        text-align: center;
        background-color:#57a5f7;
        cursor: pointer;
        border-radius: 3px;
    }
  }
}
//补充材料
.supplement{
  position: relative;
  margin-bottom 20px;
  font-size: 14px;
  padding: 20px 20px 20px 60px;
  cursor: pointer;
  color: #333;
  background-color: #e4e4e4;
  &:hover{
    background-color: #fff;
    color: #000;
  }
}
#addInfoE{
  .ivu-modal-footer{
    border-top 0
  }
}